/**
 * Custom UI/UX Enhancements
 * Safe additions - no overrides to existing styles
 */

/* ===========================================
   CARD HOVER EFFECTS
   =========================================== */

/* Card lift on hover */
.listing-item {
    transition: transform 0.3s ease;
}
.listing-item:hover {
    transform: translateY(-6px);
}

/* Card shadow enhancement on hover */
.geodir-category-listing {
    transition: box-shadow 0.3s ease;
}
.listing-item:hover .geodir-category-listing {
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

/* Gallery item hover */
.gallery-item .grid-item-holder {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery-item .grid-item-holder:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* ===========================================
   BUTTON ENHANCEMENTS
   =========================================== */

.btn.color-bg {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn.color-bg:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(58, 172, 237, 0.35);
}

/* Search button */
.main-search-button {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.main-search-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(249, 185, 15, 0.4);
}

/* ===========================================
   CAROUSEL NAV BUTTONS
   =========================================== */

.sw-btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.sw-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* ===========================================
   HEADER ENHANCEMENTS
   =========================================== */

.add-hotel {
    transition: background 0.3s ease, transform 0.2s ease !important;
}
.add-hotel:hover {
    transform: translateY(-2px);
}

.sign-in-btn {
    transition: all 0.3s ease;
}

/* ===========================================
   RATING BADGE
   =========================================== */

.rate-class-name span {
    transition: transform 0.2s ease;
}
.rate-class-name:hover span {
    transform: scale(1.05);
}

/* ===========================================
   PRICE TAG ENHANCEMENT
   =========================================== */

.geodir-category-price span {
    transition: transform 0.2s ease;
}
.geodir-category-price:hover span {
    transform: scale(1.03);
}

/* ===========================================
   LINK HOVER EFFECTS
   =========================================== */

.geodir-category-content h3 a {
    transition: color 0.2s ease;
}

.geodir-category-location a {
    transition: color 0.2s ease;
}

/* ===========================================
   SCROLL DOWN BUTTON (Hero section)
   =========================================== */

.header-sec-link a {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-8px); }
    60% { transform: translateY(-4px); }
}

/* ===========================================
   WISHLIST/CART ICON
   =========================================== */

.wishlist-link {
    transition: transform 0.2s ease;
}
.wishlist-link:hover {
    transform: scale(1.1);
}

/* ===========================================
   SECTION TITLE HOVER
   =========================================== */

.section-title-separator span {
    transition: width 0.3s ease;
}

/* ===========================================
   SMOOTH SCROLL BEHAVIOR
   =========================================== */

html {
    scroll-behavior: smooth;
}